Naeun's Design Document

Purpose:

This web site will be for "Movietelling" movie club. "Movietelling" will not be limited to certain people but it will be open to the public so that all people can share the website for information on various movies. There are two main purposes of the web site. First, it will give information of movies that I think that were good so I will be basically recommending the movies to those who are finding a movie to watch. Second, it will provide us an opportunity to share their favorite movies and their information so that other people can communicate through the web site. There will also be articles that are related to the movies or the movie field.

Audience:

The target audience for this web site will be people who enjoy watching movies in thier spare times. This group of people do not know about each other well and is made of men and women of different age and race. They have watched various movies in their life time regardless of the genre and where the movie is from. They love watching movies whenever they have time and their discussion focused on the story, quality, actors and actresses and techniques used (Special effects and camera techniques) of the movie they have watched and the ones they are waiting to realease (ex: Marble series, Kingsman 2, Maze Runner 3, and more). They usually like watching the movies in the theaters but they also like watching them again with their television. Also, they do like series movies because it feels like the movie has not ended yet but when it finally ends, they say it always feel sad and kind of futile. They also don't like waiting for the next release of the movie because it usually takes a year or two. They always are so into the movies right after watching them.

Needs Assessment

Friends of mine who enjoy watching movies helped me with providing a list of items that they thought it would help my website. They wanted to have true information of the movie rather than evidenceless rumors, trailers, articles, ratings and some pictures of the movies. I also surveyed three target audiences who are not related to each other.

Questions asked to the group:

What type of information would you find most helful on our web site?

• Basic information of the movie such as its release date, the actors and actresses, the director, and the genre of the movie
• Information of the actors, actresses and direcotors
• Pictures related to the movie
• Trailers of the movies
• The company of where the movie was made (Warner Bros, Columbia, Universal, etc.)

What type of information do you NOT want to see included on the website?

• They all agreed that they do not definitely want to see information that might not be true such as rumors

What area of interest or specialty would you like to contribute to the web site?

• Special effects
• Fantasy movies
• Soon to be released movies
• Movies that are already released

To other movie lovers:

Which would you find most useful in a movie recommending web site: a brief summary about the movie; or the basic information of everything a bit, the actors, actresses, the director, and the genre?

• Half of the people agreed that the summary would be most useful to them
• The other half agreedt that the basic information of everything about the movie would be important

What would you most like to see on our web site

• Opinions on the movie, recommendations for movies that I thought were good
• Trailers of the movies I have recommended
• Also, other people's opinion and comments on the movies

Five reference websites

These sites are examples of good and/or bad artifacts that are considering for the final design.

• For the organization of the website, this website, Flixter, organized the movies very well into different catagories such as in genres, the release dates, and more
• For a nagivation, this website provides the navagation style that is most match idea of Movietelling an example of good navigation.
• For an avoid layout, this website, MoiveLens, does not have a lot of thing on its homepage so it can look simple but its just too simple aligning the movies horizontally.
• For a simple layout and preferred color scheme, it will similar to this page that has a well-fitted color, aligned banner, navigation, and content as a good example of layout.
• For a content style, this site will not similar to this example because it is difficult to read content and has too much things on just one page an avoid content style.

Content

Based on the responses of the target audiences and other people, I have chosen to include the following content areas:

• About An brief explanation about me, the web site designer, and about the web site
• All about Movies There will be a list of the movies organized in catagories and there will be trailers, photos, and information of the movies
• Events & Articles This is a section where you can find links to articles and film related articles.
• Share it & Polls This section will allow people to share their opinions on the movies and have opportunity to vote for many different polls

Presentation of Information/Rational of Organization:

The website will be simple as possible because otherwise it will make the web site seem to complicated.

• To provide a consistent look and feel across all pages and to give my audience a sense of connected fluidity in my site, all pages will contain / use
  • The same banner logo at the top of each page.
  • A heading just below the top horizontal navigation that will provide the Page Name
  • Same navigation conventions Same heading formats and colors all
  • Contact information at the bottom of each page
  • Link back to the home page
• The home page
  • It will be laid out in a table format.
  • It will provide links to the main sections.
  • It will also contain a welcome statement, the mission statement and contact information.
• All subsequent pages will provide horizontal navigation (as text with graphics) across both the top and bottom of the page.
  • I know I'll have enough information on each page to cause my audience to scroll down so I want them to have access to the navigation menu at the bottom of the page too.
  • I plan to keep the pages under three screen lengths.

The following details the content of the proposed pages:

• The About page
  • The information about me and my contact things
  • information about the website
• The All about movies page
  • It will be divided into three linear sections, movies that were already released, movies that are screening, and the movies that are going to be released soon.
  • Each section will contain information about different movies in that category, listed in release date orders.
• The Events & Articles page
  • It will contain links of articles related to the movies or film festivals
  • It will contain information about events related to film that will happen soon
  • It can have information of events that already happened
• The Share it & Polls page
  • It will have a place where people cans share their ideas about the movies
  • It will have a page where people can vote about different things of movies

Media

The banner logo will be a graphic that I create using Indesign or Illustrator. All other images used will be photos that I can get from google that are royalty free. These will include photos of the movie poster, the actors and actresses photoes, a picture of a scene in the movie. I intend to include this statement below each image, "Photo courtesy of name." I'll include a footer statement such as "All images used in this site are original. Any further use of these images is prohibited without permission from the photographer." And since I cannot get the videos of the trailers because of royalty issues, I can get a link to youtube where people can watch the trailers there.

Color scheme and rationale

When I think of movies it leads me to an idea of a theater and theaters are dark with the only light coming from the screen. So for this page I was thinking I can use black, white, and red. Red is a color that can attract people easily because it is a strong color. Also I got the name, 'Movietelling', from fortunetelling and I think it reminds me of color red. I will use red and white for the banner, the text will be white with black and red outlines. The body text will be red and white with red links; visited links will be purple. The red used will match the red in the banner logo, as will any other colors used for headings and rules. My intention is to only use two additional colors besides red so the page doesn't look too busy. (I don't plan to use red as a background color.) Examples of my colors that I plan to use for my website include: Red, Black, and white.

Outline of web site organization:

• Home Page (Main page)
  • Banner Logo
  • Welcome message
  • Different photos of various movies in the background
  • Table with links to the different sections
  • Laste revised date
• About Page
  • Banner Logo
  • Links to other main sections, including Home page
  • Mission Statement
  • How I started to design this kind of website
  • Contact information including name and email address link page creator
  • Last revised date
• All about Movies
  • Banner Logo
  • Links to other main sections, including Home page
  • list of links that leads to movies of that are already released
  • list of links that leads to movies that are currently screening
  • list of links that leads to movies that are planning to be released
  • Contact information including name and email address link page creator
  • Last revised date
• Events & Articles
  • Banner Logo
  • Links to other main sections, including Home page
  • Links to articles related to movies
  • Links to events related to movies
  • Contact information including name and email address link page creator
  • Last revised date
• Share it & Polls
  • Banner Logo
  • Links to other main sections, including Home page
  • A page where people can write their opinions
  • A link to every polls people can participate in related to movies
  • Contact information including name and email address link page creator
  • Last revised date

NOTE: All pages will have a link up to the home page.